﻿#gamecontainer {
    width: 800px;
    height: 600px;
    background: url(../images/splashscreen.png);
    border: 1px solid black;
}

.gamelayer {
    width: 800px;
    height: 600px;
    position: absolute;
    display: none;
}

/* Game Starting Menu Screen */
#gamestartscreen {
    padding-top: 250px;
    text-align: center;
}

    #gamestartscreen img {
        margin: 10px;
        cursor: pointer;
    }

/* Level Selection Screen */
#levelselectscreen {
    padding-top: 150px;
    padding-left: 50px;
}

    #levelselectscreen input {
        margin: 20px;
        text-align: right;
        cursor: pointer;
        background: url(../images/icons/level.png) no-repeat;
        color: yellow;
        font-size: 20px;
        width: 64px;
        height: 64px;
        border: 0;
    }

/* Loading Screen */
#loadingscreen {
    background: rgba(100,100,100,0.3);
}

#loadingmessage {
    margin-top: 400px;
    text-align: center;
    height: 48px;
    color: white;
    background: url(../images/loader.gif) no-repeat center;
    font: 12px Arial;
}

/* Score Screen */
#scorescreen {
    height: 60px;
    font: 32px Comic Sans MS;
    -webkit-text-shadow: 0 0 2px #000;
    text-shadow: 0 0 2px #000;
    color: white;
}

    #scorescreen img {
        opacity: 0.6;
        top: 10px;
        position: relative;
        padding-left: 10px;
        cursor: pointer;
    }

    #scorescreen #score {
        position: absolute;
        top: 5px;
        right: 20px;
    }


/* Ending Screen */
#endingscreen {
    text-align: center;
}

#endingscreen div {
    height: 550px;
    padding-top: 50px;
    border: 1px;
    background: rgba(1,1,1,0.5);
    text-align: left;
    padding-left: 100px;
}

#endingscreen p {
    font: 20px Comic Sans MS;
    -webkit-text-shadow: 0 0 2px #000;
    text-shadow: 0 0 2px #000;
    color: white;
}

    #endingscreen p img {
        top: 10px;
        position: relative;
        cursor: pointer;
    }

#endingscreen #endingmessage {
    font: 32px Comic Sans MS;
    -webkit-text-shadow: 0 0 2px #000;
    text-shadow: 0 0 2px #000;
    color: white;
}
